﻿<!DOCTYPE html>
<html>
<head>
        <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no, minimal-ui">
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <style type="text/css">
        body{margin:0;text-decoration:none;}
        .load{ max-width:960px; margin:auto; background:#FFF; position:absolute; z-index:9999999999;width:100%; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%)}
        .load1{ width:42.7%;margin:auto; padding:5% 0;}
        .load2{ width:100%; font-size:1.5rem; text-align:center; color:#aaaaaa;}
        @media screen and (orientation:landscape){}
        @media screen and (orientation:portrait){
            .load{ max-width:640px; margin:auto; background:#FFF;}
            .load1{ width:100%;margin:auto; padding:5% 0;}
            .load2 { padding-top:20%;}
        }

        .footer-fixed {
            height: 50px;
            background: rgba(0,0,0,0.6);
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            display: none;
        }
        .footer-fixed .img {
            display: block;
            height: 36px;
            margin: 10px 18px;
            color: #fff;
        }
        .footer-fixed .img span, .footer-fixed .img img {
            float: left;
            font-size: 14px;
        }
        .footer-fixed .img img {
            width: 36px;
            height: 36px;
            margin-right: 10px;
        }
        img {
            border: none;
            border: 0;
            max-width: 100%;
        }
        Inherited from a.img
        .footer-fixed .img {
            display: block;
            height: 36px;
            margin: 10px 18px;
            color: #fff;
        }
        .footer-fixed .img span i {
            display: block;
            font-size: 16px;
        }
        em, i {
            font-style: normal;
        }
        .footer-fixed .img em {
            float: right;
            background-color: #19d874;
            width: 85px;
            height: 26px;
            line-height: 25px;
            text-align: center;
            color: #fff;
            border-radius: 6px;
            border-bottom: solid 1px #4ACB15;
            font-size: 16px;
            margin-top: 4px;
        }
        .mpx{font-size: 14px;}
    </style>
    <title>飞船躲避子弹</title>
    <link rel="icon" type="image/GIF" href="res/favicon.ico"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="yes"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <style>
        body, canvas, div {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
    </style>
</head>
<body style="padding:0; margin: 0; background: #000;">
<script src="res/loading.js"></script>
<canvas id="gameCanvas" width="800" height="450"></canvas>

<script cocos src="game.min.js"></script>
</body>
</html>
